<template>
  <div class="introduce">
    <div class="top-img">
      <img src="../../../assets/images/introduce/waptop.png" alt="">
    </div>
    <div class="introduce-nav">
        <h1>（山东）2021年世界先进制造业大会</h1>
        <p><span>展会时间：</span>2021年8月23-26日</p>
        <p>
          <span>大会安排：</span
          >大会包括1场开幕式暨主论坛（含招待晚宴），同期组织1场国际交流会议和1场专家闭门会、7场高峰论坛、1场投资路演主题论坛、1场先进制造业创新成果展。
        </p>
        <p><span>展会地点：</span>山东大厦</p>
      </div>
      <div class="introduce-img">
        <img src="../../../assets/images/introduce/wapinfo.png" alt="">
      </div>
  </div>
</template>
<script>
import { mapGetters, mapActions} from "vuex";
export default {
  name: "introduce",
  components: {
  },
  data() {
    return {
      
    };
  },
  mounted() {
    
  },
  methods: {
    ...mapActions(["getHomeData"]),
  },
  computed: {
    ...mapGetters([
      "homeData",
    ]),
  },
};
</script>
<style scoped>
.top-img{
  padding: 0 22px;
  height: 160px;
  background-size:100%;
}
.top-img img{
  width: 100%;
  height: 100%;
}
.introduce-nav {
  background: #F0F0F0;
  box-sizing: border-box;
  margin:0 22px;
  padding: 10px;
}
.introduce-nav h1{
font-size: 15px;
color: 333;
 margin-bottom: 5px;
  font-family: Source Han Sans CN;
  font-weight: 500;
}
.introduce-nav p {
  font-size: 12px;
  font-family: Source Han Sans CN;
  color: #666;
  line-height: 30px;
}
.introduce-nav span {
  font-weight: bold;
  color: #333333;
}
.introduce-img{
  margin-top: 25px;
  width: 100%;
  height: 100%;
}
.introduce-img img{
  width: 100%;
  height: 100%;
}
</style>